﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){	
	//导航切换
	$(".menuson .header").click(function(){
		var $parent = $(this).parent();
		$(".menuson>li.active").not($parent).removeClass("active open").find('.sub-menus').hide();
		
		$parent.addClass("active");
		if(!!$(this).next('.sub-menus').size()){
			if($parent.hasClass("open")){
				$parent.removeClass("open").find('.sub-menus').hide();
			}else{
				$parent.addClass("open").find('.sub-menus').show();	
			}
			
			
		}
	});
	
	// 三级菜单点击
	$('.sub-menus li').click(function(e) {
        $(".sub-menus li.active").removeClass("active")
		$(this).addClass("active");
    });
	
	$('.title').click(function(){
		var $ul = $(this).next('ul');
		$('dd').find('.menuson').slideUp();
		if($ul.is(':visible')){
			$(this).next('.menuson').slideUp();
		}else{
			$(this).next('.menuson').slideDown();
		}
	});
})	
</script>


</head>

<body style="background:#f0f9fd;">
	<div class="lefttop"><span></span>导航栏</div>
    <dl class="leftmenu">
    <dd>
    <div class="title">
    <span><img src="images/leftico01.png" /></span>日常工作
    </div>
    	<ul class="menuson">
             <li><div class="header"><cite></cite><a href="zyfxxk.jsp" target="rightFrame">专业方向选课</a><i></i></div></li>
        </ul>    
    </dd>
    <dd> <div class="title"> <span><img src="images/leftico02.png" /></span>信息查询 </div>
    <ul class="menuson">
        <li><div class="header"><cite></cite><a href="xfcxstu.jsp" target="rightFrame">个人学分查询</a><i></i></div></li>
        <li><div class="header"><cite></cite><a href="cjcxstu.jsp" target="rightFrame">个人出勤查询</a><i></i></div></li>
        <li><div class="header"><cite></cite><a href="cqcxstu.jsp" target="rightFrame">个人成绩查询</a><i></i></div></li>
        <li><div class="header"><cite></cite><a href="zsfystu.jsp" target="rightFrame">个人住宿费用查询</a><i></i></div></li>
        <li><div class="header"><cite></cite><a href="zsjfstu.jsp" target="rightFrame">个人住宿缴费查询</a><i></i></div></li>
        <li><div class="header"><cite></cite><a href="sscbstu.jsp" target="rightFrame">个人宿舍抄表查询</a><i></i></div></li>
        </ul>   
    </dd> 
       <dd> <div class="title"> <span><img src="images/leftico02.png" /></span>充值缴费 </div>
    <ul class="menuson">
        <li><div class="header"><cite></cite><a href="czjf.jsp" target="rightFrame">充值缴费</a><i></i></div></li>
        <li><div class="header"><cite></cite><a href="czjfxx.jsp" target="rightFrame">费用详细</a><i></i></div></li>
        </ul>     
    </dd>
    <dd><div class="title"><span><img src="images/leftico04.png" /></span>满意度调查</div>
    <ul class="menuson">
        <li><div class="header"><cite></cite><a href="dcwqstu.jsp" target="rightFrame">填写问卷调查</a><i></i></div></li>
    </ul>
    </dd>   
     <dd><div class="title"><span><img src="images/leftico03.png" /></span>个人设置</div>
    <ul class="menuson">
    <li><div class="header"><cite></cite><a href="xgmmstu.jsp" target="rightFrame">修改密码</a><i></i></div></li>
    </ul>    
    </dd> 
    </dl>
    
</body>
</html>
